import React from "react";
import styles from "./Index.module.css";
import Mynao from "../../components/Mynao/Index";
import { Tabs } from "antd-mobile";
function Index() {
  return (
    <div className={styles.morez}>
      <div className={styles.nav}>
        <div>
          <Mynao title="健康咨询栏目" />
        </div>

        <div>
          <Tabs>
            <Tabs.Tab className={styles.tabb} title="中医常识" key="fruits">
              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      捏脊治病的穴位,小儿捏脊可
                      <br />
                      以治什么病
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "50px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt=""  />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      菱角的功效与作用
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "70px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img style={{ marginLeft: "60px" }} src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan} style={{marginLeft:'50px'}}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      虚不受补者冬天怎么食补
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "60px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img style={{ marginLeft: "10px" }} src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h4 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      目测是否出现脾虚 出现五个征兆
                      <br />
                      明你该补脾了
                    </h4>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "60px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>
            </Tabs.Tab>

            <Tabs.Tab className={styles.tabb} title="健康养生" key="vegetables">
              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      世界糖尿病日，应该注意什
                      <br />
                      么来调节
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      世界糖尿病日，应该注意什
                      <br />
                      么来调节
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      世界糖尿病日，应该注意什
                      <br />
                      么来调节
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>
            </Tabs.Tab>

            <Tabs.Tab className={styles.tabb} title="疾病预防" key="animals">
              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                     得了流感，要预防哪些并发症
                     
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      感冒药使用过程中的注意事项分析
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                     感冒病人的饮食宜忌
                    
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img style={{marginLeft:'60px'}} src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>
            </Tabs.Tab>


            <Tabs.Tab className={styles.tabb} title="出院宣教" key="chu">
                <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                     得了流感，要预防哪些并发症
                     
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      感冒药使用过程中的注意事项分析
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                     感冒病人的饮食宜忌
                    
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img style={{marginLeft:'60px'}} src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>
            </Tabs.Tab>

            <Tabs.Tab className={styles.tabb} title="养生食谱" key="yang">
                <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                     得了流感，要预防哪些并发症
                     
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                      感冒药使用过程中的注意事项分析
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>

              <div className={styles.fang}>
                <div>
                  <div>
                    <h3 style={{ marginLeft: "10px", paddingTop: "10px" }}>
                     感冒病人的饮食宜忌
                    
                    </h3>
                  </div>

                  <div
                    style={{
                      color: "blue",
                      marginLeft: "10px",
                      marginTop: "49px",
                    }}
                  >
                    #中医常识
                  </div>
                </div>

                <div className={styles.you}>
                  <div>
                    <img style={{marginLeft:'60px'}} src="" alt="" />
                  </div>

                  <div className={styles.tub}>
                    <div className={styles.zan}>
                      <img src="/zann.png" alt="" />
                      <span className={styles.zi}>520</span>
                    </div>

                    <div className={styles.zan1}>
                      <img className={styles.yan} src="/yan.png" alt="" />
                      <span className={styles.zi1}>2000</span>
                    </div>
                  </div>
                </div>
              </div>
            </Tabs.Tab>
          </Tabs>
        </div>
      </div>
    </div>
  );
}

export default Index;
